<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 数组：存储多个同类型的数据

        // 对象：用来描述一类事物

        //    人
        //        张三  ->  人的一个实例


        //    猫
        //       哆啦A梦 -> 猫的一个实例


        //    数组
        //       [1,2,3] -> 数组的一个实例


        //    字符串
        //        'hi'  -> 字符串的一个实例



        // 对象的语法
        //    键值对的形式  
        //    键名必须是字符串


        // 对象的声明方式
        //   1 直接声明   var obj = {}
        //   2 实例化对象  var obj = new object()


        // 对象的访问方式
        //   方括号语法  obj['name']
        //   点语法   obj.name   -> 相当于省略了引号

        // 对象的遍历  for in
        


        // 数组和字符串属于js的内置对象

        // 自定义一些对象


        var person1 = {
            name : '张三' , 
            age : 18 ,
            say : function() {
                console.log('hello world');
            }
        }

        var person2 = {
            name : '李四' , 
            age : 28 ,
            say : function() {
                console.log('hello world');
            }
        }


        var cat1 = {
            type : '橘猫' ,
            color : 'yellow' ,
            say : function() {
                console.log('秒');
            } 
            
        }


        // cat1['type']

        console.log(cat1.age);  // undefined 


        // var arr = [1,2,3]
        // var arr = {
        //     0 : 1 ,
        //     1 : 2 ,
        //     2 : 3 ,
        //     length : 3 ,
        //     includes : function(){} ,
        //     indexOf : function(){}
        //     ....
        // }

    //    for in 是专门用来遍历对象的 


    for(let key in cat1) {
        console.log(key);
    }


    var arr = [1,2,,,3] ;

    for(let i in arr) {
        console.log(i);   // i就是字符串
        // 自动过滤掉空值
    }


    // var arr = new Array(1,2,3) ;


    var p1 = new Object() ;
    p1.name = '张三' ;
    p1.age = 18 ;
    console.log(p1);


    

    </script>
    
</body>
</html>